
input:disabled {
    background-color: #d4d4d4;
}

#jquery-notify div.message {
    background-repeat: no-repeat;
    background-position: 4px 4px;
    padding: 4px 1ex 4px 28px;
}

#jquery-notify div.info {
    border-color: #061A72;
    background-image: url('../img/info.gif');
    background-color: #ddf;
}

#jquery-notify div.ok {
    border-color: #045419;
    background-image: url('../img/tick.gif');
    background-color: #efe;
}

#jquery-notify div.alert {
    border-color: #753903;
    background-image: url('../img/alert.gif');
    background-color: #ff9;
}

#jquery-notify div.error {
    border-color: #570F01;
    background-image: url('../img/error.gif');
    background-color: #fdd;
}

h2 span.help {
    font-size: 80%;
    font-weight: normal;
}

table, th, td {
    border-color: #999;
}

table.model-list th,
table.model-list td {
    vertical-align: top;
    /*border: 0 solid white;
    border-bottom: 1px solid #ccc;*/
    border: 0;
}

table.model-list th {
    border: 1px solid #ccc;
}

.altodd {
    background-color: #eee;
}

.alteven {
    background-color: #ffffcc;
}

div.model-form {
    margin: 1em 0.5em;
}

table.form-layout {
    border: 0 solid white;
}

table.form-layout th {
    color: #333;
    font-weight: bold;
}

td.textbox-edit textarea {
    width: 25em;
    height: 8.3em;
}

table.form-layout td.form-field-hint {
    border-left: 0;
    border-top: 0;
}

table.form-layout th,
table.form-layout td {
    border: 1px solid #ccc;
    text-align: left;
    vertical-align: top;
}

table.form-layout th {
    cursor: default;
}

table.form-layout th.form-field-label {
    background-color: #d9d9d9;
}

form.editable table.form-layout tr.focused th.form-field-label,
form.editable table.form-layout tr.focused td.form-field-control {
    background-color: #ff9;
}

form.editable table.form-layout tr.focused th.form-field-label {
    color: #006;
}

form.editable table.form-layout tr.has-alert th.form-field-label,
form.editable table.form-layout tr.has-alert td.form-field-control {
    background-color: #fcb;
}

form.editable table.form-layout tr.has-alert th.form-field-label {
    color: #c31;
}

form.editable table.form-layout tr.readonly th.form-field-label,
form.editable table.form-layout tr.readonly td.form-field-control {
    background-color: #d9d9d9;
    color: #444;
}

form.editable table.form-layout tr.optional th.form-field-label {
    font-weight: normal;
}

form.editable table.form-layout tr.readonly th.form-field-label {
    font-weight: normal;
    font-style: italic;
}

form.editable td.form-field-control div.explicit-null {
    padding-top: 5px;
}

table col.form-field-hint {
    width: 1.5em;
}

table col.form-field-labels {
    width: 13em;
}

table td.form-field-hint {
    width: 1.5em;
    padding-left: 0;
    padding-right: 2px;
    border-bottom: 1px solid white;
}

table td.form-field-hint div.icon {
    width: 16px;
    height: 16px;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    visibility: hidden;
}

table td.form-field-hint div.content {
    display: none;
}

#tooltip-popup {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #ff9;
    border: 1px solid #006;
    padding: 2px;
    cursor: pointer;
}

table tr.has-hint td.form-field-hint,
table tr.has-alert td.form-field-hint,
table tr.has-error td.form-field-hint {
    cursor: pointer;
}

table.form-layout tr.has-hint td.form-field-hint div.icon {
    background-image: url('../img/help.png');
}

table tr.has-error td.form-field-hint div.icon {
    background-image: url('../img/error.gif');
    visibility: visible;
}

table.form-layout tr.has-alert td.form-field-hint div.icon {
    background-image: url('../img/alert.gif');
    visibility: visible;
}

/* TODO: fix IE6
table.form-layout tr.focused td.form-field-hint div.icon, 
table.form-layout tr.has-hint:hover td.form-field-hint div.icon {
    visibility: visible;
}
*/

table.form-layout td.form-info-panel {
    border: 1px solid #999;
    background-color: #ffc;
    margin: 0.5ex 0 1ex 0;
}

table.form-layout tr.first th,
table.form-layout tr.first td {
}


table.form-layout th.section-header {
    padding: 1em 0 0.5em 1em;
    border: 0 solid white;
    color: #333;
    font-weight: normal;
    font-style: italic;
}


/* specific widgets */

input.date-input {
    width: 9em;
}

input.time-input {
    width: 8ex;
    text-align: right;
    font-family: consolas,monospace;
    font-size: 13px;
    vertical-align: middle;
    padding: 0 2px 0 2px;
}

td.minutes input {
    width: 8ex;
    text-align: right;
    font-family: consolas,monospace;
    font-size: 13px;
    padding: 0 2px 0 2px;
}

td.number input {
    width: 16ex;
    text-align: right;
    font-family: consolas,monospace;
    font-size: 13px;
    padding: 0 2px 0 2px;
}

td.child-multi-view ul,
td.simple-list-view ul {
    margin: 0;
}

.simple-select-list ul {
    margin: 0;
    width: 25em;
    padding: 0;
    border: 2px ridge #aaa;
    background-color: white;
}

.simple-select-list ul.scrolling {
    height: 10em;
    overflow: auto;
}

.simple-select-list > ul > li {
    list-style-type: none;
}

.simple-select-list li label {
    display: block;
    padding: 4px;
    color: #000;
    outline: none;
    border-bottom: 1px solid #ccc;
}

.simple-select-list li label.selected {
    color: #009;
    background-color: #f4f4c4;
}

.simple-select-list li label:hover {
    color: #000;
    background-color: #cfcfff;
}

td.simple-list-edit label {
}

td.reference-list-view td,
td.child-single-view td,
td.child-single-edit td,
td.child-list-view td,
td.child-list-edit td {
    border: 0;
}

td.child-single-edit table,
td.child-list-edit table {
    background-color: white;
    border: 1px solid #ccc;
}

td.child-single-edit a.delete-link,
td.child-list-edit a.delete-link {
    visibility: hidden;
    cursor: pointer;
    color: #900;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 2px 5px 2px 5px;
    border:1px solid #900;
    background-color:#ccc;
    top: -2px;
    font-weight: bold;
}

td.child-single-edit tr.editable td,
td.child-list-edit tr.editable td {
    cursor: pointer;
}

td.child-single-edit tr.editable:hover,
td.child-list-edit tr.editable:hover {
    background-color: #cfcfff;
    color: #009;
}

td.child-single-edit tr.deletable:hover a.delete-link,
td.child-list-edit tr.deletable:hover a.delete-link {
    visibility: visible;
}

td.child-single-edit tr.deletable:hover a.delete-link:hover,
td.child-list-edit tr.deletable:hover a.delete-link:hover {
    color: white;
    background-color: #f00;
}

td.child-single-edit tr.active td,
td.child-list-edit tr.active td {
    background-color: #eef;
    color: #009;
}


button {
    padding-left: 0.25em;
    padding-right: 0.25em;
    white-space: pre;
}

.button-bar span.alert {
    background-color: yellow;
    color: red;
    font-weight: bold;
    padding: 3px 6px 3px 6px;
}

.button-bar td { 
    border: 0; 
    padding-top: 0;
}

.button-bar button.primary-action,
.button-bar input.primary-action {
    font-weight: bold;
}

.button-bar button.secondary-action,
.button-bar input.secondary-action {
    font-style: italic;
}


table.nav-toolbar, 
table.nav-toolbar td,
table.nav-toolbar th {
    border: 0;
    padding: 0;
    padding-right: 1ex;
}

table.nav-toolbar th {
    font-weight: normal;
}

div#javascript-log pre {
    margin:1ex;
}

/*label.checklabel input,*/ /* causes IE6,7 overflow bug */
.radio-select label input {
    position: relative;
    top: 0.3ex;
}

table.form-layout tr.focused .radio-select label {
    border: 1px solid #ff9;
}

.radio-select label {
    border: 1px solid white;
    margin-right: 0.5ex;
}

form.editable table.form-layout .radio-select label:hover {
    background-color: #cfcfff;
    border-color: #afafee;
}

.debug .sub-panel {
    padding-bottom: 50px;
}
